@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

/* styles.css */
.custom-menu-item {
    padding: 0 60px !important; /* 增加左右边距 */
  }

  .menu-with-logo {
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: space-between; /* 分布两端 */
    height: 50px; /* 与 Menu 高度一致 */
  }
  
  .menu-with-logo .logo {
    margin-right: 16px; /* logo 右侧间距 */
  }
  
  .menu-with-logo .ant-menu-horizontal {
    display: flex;
    justify-content: flex-end; /* 菜单靠右 */
  }

  .ant-menu-dark,
.ant-menu-dark .ant-menu-submenu-title {
  background: #a1daeb !important; /* 设置背景色为白色 */
  color: black; /* 可选：设置文字颜色为黑色，以便在白色背景上可读 */
}

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu:hover > .ant-menu-submenu-title,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu-selected > .ant-menu-submenu-title {
  background: #e6f7ff !important; /* 选中或悬停时的背景色 */
  border-bottom: 2px solid #1890ff; /* 可选：添加底部边框以突出显示选中状态 */
}

/* 设置所有菜单项的文字颜色为黑色 */
.ant-menu-item,
.ant-menu-submenu-title {
  color: black !important; /* 使用 !important 来确保样式优先级 */
}

/* 当菜单项被选中或悬停时的文字颜色 */
.ant-menu-item-selected,
.ant-menu-item:hover,
.ant-menu-submenu-selected > .ant-menu-submenu-title,
.ant-menu-submenu-title:hover {
  color: #1890ff !important; /* 可以设置为你希望的颜色 */
}

/* 软件名称的样式
.app-name {
  font-size: 32px;
  font-weight: bold;
  color: rgb(0, 0, 0); 
  font-family: 'Montserrat', sans-serif;
  background: white;
} */
